﻿
@{
    Layout = "~/Views/Shared/_GlobalArgLayout.cshtml";
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title</title>
    <link href="~/Content/css2/app.v2.css" rel="stylesheet" />
    <link href="~/Content/css2/style.css" rel="stylesheet" />
    <link href="~/Content/css/font-awesome.min93e3.css" rel="stylesheet" />
    <link href="~/Content/css/animate.min.css" rel="stylesheet" />
    <link href="~/Content/css2/mystyle.css" rel="stylesheet" />
    <link href="~/Scripts/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet" />
    <link href="~/Scripts/plugins/bootstrap-table/bootstrap-editable.css" rel="stylesheet" />
    <link href="~/Scripts/plugins/bootstrap-table/typeaheadjs/typeahead.js-bootstrap.css" rel="stylesheet" />
    <link href="~/Content/css/plugins/toastr/toastr.min.css" rel="stylesheet" />
    <style>
        html {
            background-color: #ffffff;
        }

        body {
            margin-left: 15px;
            margin-right: 15px;
        }

        .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns {
            line-height: 24px;
        }

        .form-control {
            height: 31px;
        }


        .btn-default {
            color: #717171 !important;
            background-color: #fafafa;
            border-color: #dadada;
            border-bottom-color: #ccc;
            -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
            box-shadow: 0px 1px 1px rgba(90,90,90,0.1);
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px;
        }

        .btn-primary {
            box-shadow: 0px 1px 1px rgba(90,90,90,0.1);
            padding: 5px 10px;
            font-size: 14px;
            line-height: 1.5;
            border-radius: 3px;
        }


        table {
            max-width: 2000px;
        }

        .btn-white {
            color: inherit;
            background: #fff;
            border: 1px solid #cccccc;
        }

        .btn_s {
            display: inline-block;
            padding: 3px 12px 6px 12px;
            margin-bottom: 0px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.4285;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border-radius: 4px;
            color: inherit;
            background: #fff;
            border: 1px solid #cccccc;
            margin-left: -5px;
        }

        .input-sugget {
            width: 200px !important;
        }

        .input-input {
            width: 235px !important;
        }

        .input-amount {
            width: 111px !important;
        }
        .pull-right button{
            font-size:18px
        }
    </style>
    @RenderSection("TopStyles", required: false)
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div id="toolbar">
                <div class="inline">
                    @RenderBody()
                    <div id="myloading" style="position:center"></div>
                </div>
            </div>
            <table id="table"
                   data-toolbar="#toolbar"
                   data-search="true"
                   data-show-refresh="true"
                   data-show-toggle="true"
                   data-show-columns="true"
                   data-show-export="false"
                   data-detail-view="false"
                   data-detail-formatter="detailFormatter"
                   data-minimum-count-columns="2"
                   data-show-pagination-switch="false"
                   data-pagination="true"
                   data-id-field="Code"
                   data-page-list="[25, 50, 100, ALL]"
                   data-show-footer="false"
                   data-single-select="true"
                   data-side-pagination="server"
                   data-url="/Task/Table/Task"
                   data-response-handler="responseHandler"></table>
        </div>
    </div>

    <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated fadeIn">
                <div class="modal-header">
                    <button id="dia_close" type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <i id="dia_icon" class="fa fa-question-circle modal-icon"></i>
                    <h4 id="dia_title" class="modal-title">确定删除任务</h4>

                    <div id="dia_loading">
                        <br />
                    </div>



                </div>
                <div id="dia_body" class="modal-body">
                    <div id="cancelReasonDiv" style=" display:none" class="form-group row">
                        <label class="col-sm-3 control-label"> <span style="display:block; margin-top:8px; margin-left:20px">原因：</span></label>

                        <div class="col-sm-6">
                            <input id="cancelReason" type="text" class="form-control" value="">
                        </div>
                    </div>

                    <div style="font-size:18px; ">说明：<b class="text-navy"></b></div>
                    <p id="dia_info">任务被删除后不能恢复，请谨慎操作！</p>

                </div>
                <div class="modal-footer">

                    <div class="pull-left">
                        <div id="selDiv" style="display:none" class="checkbox i-checks checkbox-inline pull-left">

                            <input type="checkbox" id="allSel" value="allSel" name="allSel">
                            <label id="allSelLabel" for="allSel">影像全部重扫</label>

                        </div>

                    </div>

                    <button id="dia_close2" type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button id="dia_ok" type="button" class="btn btn-primary" onclick="doConfirm()">确定</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal inmodal" id="infoModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated fadeIn">
                <div class="modal-header">
                    <button id="dia_close" type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>

                    <div id="dia_loading">
                        <br />
                    </div>



                </div>
                <div id="infoModalbody" class="modal-body">

                </div>
                <div class="modal-footer">

                    <div class="pull-left">
                        <div id="selDiv" style="display:none" class="checkbox i-checks checkbox-inline pull-left">

                        </div>

                    </div>

                    <button id="dia_close2" type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button id="dia_ok" type="button" class="btn btn-primary" onclick="doConfirm()">确定</button>
                </div>
            </div>
        </div>
    </div>
    @RenderSection("EditModal", required: false)
    <script src="~/Scripts/app.v2.js"></script>
    <script src="~/Scripts/plugins/pace/pace.min.js"></script>
    <script src="~/Scripts/plugins/bootstrap-table/bootstrap-table.js"></script>
    <script src="~/Scripts/plugins/bootstrap-table/bootstrap-editable.js"></script>
    <script src="~/Scripts/plugins/bootstrap-table/extensions/editable/bootstrap-table-editable.js"></script>
    <script src="~/Scripts/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="~/Scripts/plugins/suggest/bootstrap-suggest.js"></script>
    <script src="~/Scripts/plugins/toastr/toastr.min.js"></script>
    <script src="~/Scripts/plugins/validate/jquery.validate.min.js"></script>
    <script src="~/Scripts/appext.js"></script>
    <script src="~/Scripts/appvalid.js"></script>
    <script src="~/Scripts/apptable.js"></script>
    <script src="~/Scripts/plugins/bootstrap-table/typeaheadjs/typeahead.js"></script>
    <script src="~/Scripts/plugins/bootstrap-table/typeaheadjs/typeaheadjs.js"></script>
    <script src="~/Scripts/vue.js"></script>
    @Scripts.Render("~/bundles/base")
    @RenderSection("scripts", required: false)
    <script type="text/javascript">

        function showLoading(show) {
            if (show) {
                $("#myloading").append('<div id="loading_ele" class="sk-spinner sk-spinner-three-bounce"><div class="sk-bounce1"></div><div class="sk-bounce2"></div><div class="sk-bounce3"></div></div>');
            }
            else {
                $("#loading_ele").remove();
            }
        }
    </script>
</body>
</html>
